@import "commo.scss";

.wrap {
    width: 1920px;

    main {
        .bannar {
            width: 100%;
        }

        .son {
            display: flex;
            justify-content: space-around;
        }

        li:hover {
            a{
                color: orange;
            }
        }

        ul {
            display: flex;

        }

        ol {
            display: flex;

            li {
                padding: 5px 10px;

            }

        }

        li {
            padding: 10px 20px;
        }

        .top {
            .img {
                margin: 0 auto;
                
            }

            .box1 {
                margin-top: 50px;
                text-align: center;

                .box2 {
                    color: dimgrey;
                }
            }

            .box4 {
                display: flex;
            }

            .box5 {
                background-color: orange;
                align-content:space-evenly;
                color: #f4f5f9;
                display: block;
                padding: 20px 20px 20px 20px ;
                line-height: 45px;
                .box6{
                    display: flex;
                    width: 300px;
                    height: 95px;
                    margin: 1px auto;
                    justify-content: space-between;
                }
                
            }

            .box7 {
                width: 100%;
            }

            .img {
                width: 1195px;
                height: 500px;
            }

        }


    }

    footer {
        height: 60px;
        background-color: sienna;

        .box8 {
            text-align: center;
            color: #f4f5f9;
        }

        .box9 {
            text-align: center;
            color: darkgray;
        }

    }


}